<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
</head>
<body>
    <div class="page">
        <div class="page__hd">
            <div class="hongfa">
                <img src="./hd.img/1625908822730.jpg" class="hongfa" alt="">
            </div>
            
            <div class="camera">
                <img src="./xiangji/相机.png" alt="" class="">
            </div>
            <div class="status">
                <div class="statusx signal">
                    <img src="./xinhao.img/IOTtubiao_huabanfuben.png" alt="" class="">
                </div>
                <div class="statusx networl">
                    <img src="./4g.img/4G.png" alt="" class="">
                </div>
                <div class="statusx electricity">
                    <img src="./dianliang.img/80dianliang.png" alt="" class="">
                </div>
            </div>
            <div class="timewind">
                <div class="time"> 4:15</div>
                <div class="wind">
                    <img src="./fengxiang.img/tianqi-fengxiang.png" alt="" class="">
                </div>
            </div>
            
            <div class="arrow">
                <img src="./jiantou.img/jiantou4.png" alt="" class="">
            </div>
            <div class="nikename">
                <p class="">滑稽鸭</p>
            </div>
            <div class="hp">
                <img src="./touxiang/1625984428620.jpg" alt="" class="">
            </div>
        </div>
        <div class="page__bd">
            <ul class="message">
                <li class="message__item">
                    <div class="message__pic">
                        <img src="./touxiang/1625984483641.jpg" alt="">
                    </div>
                    <div class="message__content">
                        <div class="message__name">滑天下之大稽</div>
                        <div class="message__txt">纪念苏联伟大的卫国战争！</div>
                        <div class="message__img">
                            <img src="./touxiang/1625987701612.jpg" alt="" class="">
                        </div>
                        <div class="time-f">7分钟前</div>
                        <div class="expend">
                            <div class="circle circle1"></div>
                            <div class="circle circle2"></div>
                        </div>
                        <div class="like">
                            <img src="./love.img/love.png" alt="" class="">太上真菌
                        </div>
                        
                    </div>
                </li>
            </ul>
            
        </div>
        
    </div>
</body>
</html>